$(function(){
//	================轮播图========================
//	var index = 0;
//	var timer =null;
//	var length = $('.lb li').size();
//	$('.point span').eq(index).css('background','#c00').siblings().css('background','rgba(0,0,0,0.6)');
//	timer = setInterval(change,3000);
//	//轮播图运动函数
//	function change(){
//			$('.lb').animate({'marginLeft':'-740px'},1000,function(){
//				$('.lb li').eq(0).appendTo($('.lb'));
//				$('.lb').css("marginLeft",0);
//				if(index > length-1){
//					index = 0;
//					$('.point span').eq(index).css('background','#c00').siblings().css('background','rgba(0,0,0,0.6)');
//				}
//			});
//			index++;
//			$('.point span').eq(index).css('background','#c00').siblings().css('background','rgba(0,0,0,0.6)');
//	}

		
	var _index=0	
	var length = $('.lb li').size();
	var timer=setInterval(changes,2000)
	//轮播函数
	function changes(){
		_index++
		if(_index>=length){
			_index=0
		}
		$(".lb").stop(true).animate({"left":"-"+740*_index+"px"})
		$('.point span').eq(_index).css('background','#c00').siblings().css('background','rgba(0,0,0,0.6)');
	}
	
	//圆点
	$('.point span').eq(0).css('background','#c00')
	$('.point span').hover(function(){
		clearInterval(timer)
		$(this).css('background','#c00').siblings().css('background','rgba(0,0,0,0.6)');
		var index=$(this).index()-1
		_index=index
		changes();
	},function(){
		timer=setInterval(changes,2000)
	})
	
	//轮播左右按钮出现
	$('.mark_left').hover(function(){
		$('.pre').css('display','block')
	},function(){
		$('.pre').css('display','none')
	})
	$('.mark_right').hover(function(){
		$('.next').css('display','block')
		
	},function(){
		$('.next').css('display','none')
	})
	//左右按钮点击事件
	$('.pre').click(function(){
		clearInterval(timer);
		console.log(_index)
		if(_index <= 0){
			_index = 6;
		}
		_index--;
		_index--;
		
		changes();
	})
	$('.next').click(function(){
		clearInterval(timer);
//		console.log(_index)
		changes();
	})
	


	//=========================二级菜单=========================
	$('.nav_left_menu ul li').hover(function(){
		$(this).children().last().css('display','block');//二级菜单出现
		$(this).css({'background':'rgba(255,255,255,0.98)'});//相应的一级菜单背景色改变
		$(this).find('.item').css('color','#333');
		$(this).find('.item').children('a').css('color','#333')//相应的字体颜色改变
		
	},function(){
		$(this).children().last().css('display','none');//二级菜单消失
		$(this).css({'background':'#2d2d2d'});//相应的一级菜单背景色改变
		$(this).find('.item').css('color','#fff');
		$(this).find('.item').children('a').css('color','#fff')//相应的字体颜色改变
	})
	
	
	
	
	//1F--4F图片滑动效果
	$('.item img').hover(function(){
		$(this).stop(true).animate({
			'margin-top':'10px'
		})
	},function(){
		$(this).stop(true).animate({
			'margin-top':'20px'
		})
	})
	//1元夺宝
	$('.pic').hover(function(){
		$(this).next().next().css('display','block');
	},function(){
		$(this).next().next().css('display','none');
	})

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
})




